<template>
	<div id="main">
	   <leftBar style="flex: 5;"/>
	   <!-- <rightBar style="flex: 2;"/> -->
	</div>
</template>
 
<script>
import leftBar from './leftBar.vue'
import rightBar from './rightBar.vue'

export default {
    name: 'home',
	components: {
		leftBar,
		rightBar
	},
	methods:{
		 
	}
}
</script>
 
<style>
 #main{
 	display: flex;
 	flex-direction: row;
 	width: 60%;
 	margin-left: 20%;
 	margin-top: 1rem;
	/* min-height: 100vh; */
 }
 
 @media screen and (max-width:980px ) {
  #main{
 	display: flex;
 	flex-direction: row;
 	width: 95%;
 	margin-left: 2%;
 	margin-top: 1rem;
  }
 }
</style>